/* pages/chat/chat.wxss */
.container {
  height: 100vh;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
}

scroll-view{
  height: 100%;
  overflow-y: auto;
}

.wrap{
  width: 660rpx;
  height: calc(100vh - 128rpx - 20rpx);
  margin: 20rpx auto 0;
  background: #fff;
  border-radius: 16rpx;
  padding: 0 30rpx;
  box-sizing: border-box;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.task-tab{
  height: 60rpx;
  display: flex;
  margin: 30rpx auto 10rpx;
  justify-content: center;
  border-bottom: 1px #e9e9e9 solid;

  .tab{
    height: 60rpx;
    line-height: 60rpx;
    font-size: 24rpx;
    padding: 0 15rpx;
    text-align: center;
    box-sizing: border-box;
    margin: 0 15rpx;
    color: #AAAAAA;

    &.active{
      color: #32A9F5;
      border-bottom: 2px solid #32A9F5;
    }
  }
}

.task-all{
  width: 100%;
  margin: 0 auto;
  display: none;
  flex: 1;
  overflow:hidden;

  &.show{
    display: block;
  }

  .list{
    display: flex;
    align-items: center;
    padding: 26rpx 0;
    border-bottom: 1px #e9e9e9 solid;

    .info{
      flex: 1;
      font-size: 26rpx;
    }

    .btn{
      width: 110rpx;
      height: 44rpx;
      border-radius: 22rpx;
      font-size: 20rpx;
      background: #32A9F5;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;

      &.rejected{
        background: #FF696C;
      }

      &.finished{
        background: #82E9AD;
      }
    }

  }

  .empty{
    height: 300rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #aaa;
    font-size: 26rpx;

    &.white{
      color: #fff;
    }
  }

}